.ministry,
.hiddenministry {
    display: none;
}

.showapply {
    display: block;
}

.nav_tab {
    width: 100%;
    position: absolute;
    top: 44px;
    z-index: 100;
    ul {
        width: 198px;
        margin: 0 auto;
        padding: 11px 0;
        li {
            background: #ffffff;
            border: 1px solid #54a3ff;
            width: 94px;
            height: 32px;
            color: #54a3ff;
            float: left;
            line-height: 30px;
            text-align: center;
            font-size: 14px;
            &:first-child {
                border-radius: 6px 0 0 6px;
            }
            &:last-child {
                border-radius: 0 6px 6px 0;
            }
            &.active {
                background: #54a3ff;
                border: 1px solid #54a3ff;
                color: #fff;
            }
        }
    }
}

.personTatal_list {
    width: 100%;
    position: absolute;
    top: 100px;
    bottom: 0;
    overflow: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    .personTatal_list_one {
        position: relative;
        margin-bottom: 11px;
        padding: 0 11px;
        ul {
            padding: 20px 10px 10px;
            background: #ffffff;
            box-shadow: 0 1px 1px 0 #e1e8f0;
            border-radius: 8px;
            margin: 0 auto;
            li {
                // margin-bottom: 16px;
                padding: 0 14px;
                h3 {
                    color: #000000;
                    margin-bottom: 10px;
                    font-size: 15px;
                    span.edit {
                        // font-weight: bold;
                        float: right;
                        font-size: 14px;
                        color: #9b9b9b;
                        position: relative;
                        i.icon_arrow {
                            width: 6px;
                            height: 12px;
                            background: url('../../assets/images/icon_arrow.png') no-repeat;
                            background-size: 100%;
                            position: absolute;
                            right: -10px;
                            top: 4px;
                        }
                    }
                }
                h5.small_title {
                    float: left;
                    width: 100%;
                    font-size: 14px;
                    color: #4a4a4a;
                    font-weight: lighter;
                    margin-bottom: 10px;
                    @media only screen and (max-width: 320px) {
                        i {
                            width: 28%;
                            float: left;
                        }
                    }
                    @media only screen and (min-width: 325px) and (max-width: 360px) {
                        i {
                            width: 26%;
                            float: left;
                        }
                    }
                    @media only screen and (min-width: 361px) {
                        i {
                            width: 24%;
                            float: left;
                        }
                    }
                    span {
                        // float: right;
                        overflow: hidden;
                        word-wrap:break-word
                    }
                    @media only screen and (max-width: 320px) {
                        .float_right{
                            width: 72%;
                            float: left;
                        }
                    }
                    @media only screen and (min-width: 325px) and (max-width: 360px) {
                        .float_right{
                            width: 74%;
                            float: left;
                        }
                    }
                    @media only screen and (min-width: 361px) {
                        .float_right{
                            width: 76%;
                            float: left;
                        }
                    }
                }
                h5.middle_title {
                    float: left;
                    width: 50%;
                    @media only screen and (max-width: 320px) {
                        i{
                            width: 56%;
                        }
                    }
                    @media only screen and (min-width: 325px) and (max-width: 360px) {
                        i{
                            width: 52%;
                            // margin-left: -4%;
                        }
                    }
                    @media only screen and (min-width: 361px) {
                        i{
                            width: 48%;
                            // margin-left: -4%;
                        }
                    }
                    span{
                        float: left;
                    }
                }
                h6 {
                    float: left;
                    width: 100%;
                    font-size: 14px;
                    color: #4a4a4a;
                    font-weight: lighter;
                    margin-bottom: 10px;
                    p.small_title {
                        float: left;
                        font-size: 14px;
                        font-weight: lighter;
                    }
                    p.small_content {
                        padding-left: 70px;
                        font-size: 14px;
                        font-weight: lighter;
                    }
                    @media only screen and (max-width: 320px) {
                        i {
                            width: 28%;
                            float: left;
                        }
                    }
                    @media only screen and (min-width: 325px) and (max-width: 360px) {
                        i {
                            width: 26%;
                            float: left;
                        }
                    }
                    @media only screen and (min-width: 361px) {
                        i {
                            width: 24%;
                            float: left;
                        }
                    }
                    span {
                        // float: right;
                        overflow: hidden;
                        word-wrap:break-word
                    }
                    @media only screen and (max-width: 320px) {
                        .float_right{
                            width: 72%;
                            float: left;
                        }
                    }
                    @media only screen and (min-width: 325px) and (max-width: 360px) {
                        .float_right{
                            width: 74%;
                            float: left;
                        }
                    }
                    @media only screen and (min-width: 361px) {
                        .float_right{
                            width: 76%;
                            float: left;
                        }
                    }
                }
                .ml10 {
                    margin-left: 10px;
                    word-wrap:break-word
                }
            }
        }
        .col_ffa {
            color: #ffa41c;
            width: 20% !important;
        }
        .s_pass {
            color: #0099FF;
        }
        .icon_tag {
            &.icon_throught {
                background-image: url(../../assets/images/icon_throught.png);
            }
            &.icon_rejected {
                background-image: url(../../assets/images/icon_rejected.png);
            }
            width: 40px;
            height: 40px;
            background-size: 100%;
            position: absolute;
            right: 24px;
            bottom: 9px;
            background-repeat: no-repeat;
        }
    }
}